<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../layui/css/layui.css"  media="all"/>
		<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css" media="all"/>
	</head>
	<body>
		<form>
    <fieldset>
		<legend><h3>个人设置</h3></legend>
    	<form class="layui-form" action="">
		<div class="layui-form-item">
 		  <label class="layui-form-label">头像</label>
 		   <div class="layui-nav-item">
  					   <a href=""><i class="fa fa-user-circle-o fa-5x" aria-hidden="true" style="color:gray";></i></a></div>
  							   
    		<div class="layui-input-block">
      <input type="file" name="title" required  lay-verify="required|phone" placeholder="请输入账号" autocomplete="off" class="layui-input">
    </div>
  </div>
  
 		 <div class="layui-form-item">
 		  <label class="layui-form-label">用户名:</label>
    		<div class="layui-input-block">
      <input type="text" name="title" required  lay-verify="required|phone" placeholder="zhangshan" autocomplete="off" class="layui-input">
    </div>
  </div>
  
  <div class="layui-form-item">
    <label class="layui-form-label">姓名：</label>
    <div class="layui-input-block">
      <input type="text" name="text" required lay-verify="required|email" placeholder="张三" autocomplete="off" class="layui-input">
    </div>
   
  </div>
  
  <div class="layui-form-item">
    <label class="layui-form-label">手机：</label>
    <div class="layui-input-block">
      <input type="text" name="title" required  lay-verify="required|phone" placeholder="18889" autocomplete="off" class="layui-input">
    </div>
  </div>
  
   <div class="layui-form-item">
    <label class="layui-form-label">性别：</label>
    <div class="layui-input-block">
    	 <input type="radio" name="sex" value="保密" title="保密">
      <input type="radio" name="sex" value="男" title="男">
      <input type="radio" name="sex" value="女" title="女" checked>
    </div>
  </div>
 	
 	<div class="layui-form-item">
    <label class="layui-form-label">邮箱：</label>
    <div class="layui-input-block">
      <input type="text" name="text" required lay-verify="required|email" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
    </div>
  	 </div>
  <div class="layui-form-item">
    <label class="layui-form-label">*旧密码：</label>
    <div class="layui-input-block">
      <input type="text" name="text" required lay-verify="required|email" placeholder="请输入旧密码" autocomplete="off" class="layui-input">
    </div>
    </div>
    
    <div class="layui-form-item">
    <label class="layui-form-label">*新密码：</label>
    <div class="layui-input-block">
      <input type="text" name="text" required lay-verify="required|email" placeholder="请输入新密码" autocomplete="off" class="layui-input">
    </div>
    </div>
    
    <div class="layui-form-item">
    <label class="layui-form-label">*确认密码：</label>
    <div class="layui-input-block">
      <input type="text" name="text" required lay-verify="required|email" placeholder="请输入确认密码" autocomplete="off" class="layui-input">
    </div>
 
    
    <br />  <br />  <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <button class="layui-btn">取消修改密码</button>
      <button class="layui-btn layui-btn-primary">立即提交</button>
      <button class="layui-btn layui-btn-danger">关闭</button>
     </div>
     
  </div>
    </fieldset>
</form>
  
		
		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="../layui/layui.js"></script>
		
		<script type="text/javascript">
		layui.use('form',function(){
		var form=layui.form;
		 form.render();
		});	
	</script>
	</body>
</html>
